<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>用户管理</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../../layui/css/layui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/user/ad-management.css" />
    <style type="text/css">
        .layui-layer-move .layui-layer-shade {
            opacity: 0.6 !important;
        }
        /* 添加的下拉列表的高度 */
        
        .layui-form-select dl {
            max-height: 180px;
        }
        
        .layui-table-tool .layui-table-tool-self {
            display: none;
        }
    </style>
</head>

<body>
    <div class="content">
        <!-- 搜索部分 -->
        <div class="layui-container search" style="width: 100%;">
            <div class="layui-row">
                <!-- 左边 -->
                <div class="layui-col-xs10 layui-col-sm10 layui-col-md10 layui-col-lg10 search-left layui-row">
                    <!-- 空白 -->
                    <div class="layui-col-sm3 layui-col-md6 layui-col-lg6 left-items left-xia">
                        &nbsp;
                    </div>
                    <!-- 镇级筛选 -->
                    <div class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg2 left-items left-xia">
                        <form id="form1" class="layui-form" action="" lay-filter="form1">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="area-town" id="area-town" lay-filter="area-town" lay-verify="required">
											<option value="" disabled selected>地区筛选(镇/街道)</option>
										</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 村级筛选 -->
                    <div class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg2 left-items left-xia">
                        <form id="form2" class="layui-form" action="" lay-filter="form2">
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <select name="area-village" id="area-village" lay-filter="area-village">
											<option value="" disabled selected>地区筛选(村)</option>
										</select>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- 搜索 -->
                    <div class="layui-col-xs4 layui-col-sm3 layui-col-md2 layui-col-lg2 left-items left-xia">
                        <input type="text" name="search" required lay-verify="required" placeholder="搜索" autocomplete="off" class="layui-input">
                    </div>
                </div>
                <!-- 右边 -->
                <div class="layui-col-xs2 layui-col-sm2 layui-col-md2 layui-col-lg2 search-right layui-row">
                    <!-- 按钮 -->
                    <div>
                        <button id="tijiao" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 表格部分 -->
        <div class="form">
            <table class="layui-hide" id="demo" lay-filter="test"></table>

            <script type="text/html" id="barDemo">
                <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
            </script>
        </div>
    </div>

    <script src="../../layui/layui.js" charset="utf-8"></script>
    <script src="../../js/jquery-3.4.1.js" charset="utf-8"></script>
    <script src="../../js/laydate/laydate.js" charset="utf-8"></script>
    <!-- 假数据开始 -->
    <script src="../../mock/mock/mock-min.js" charset="utf-8"></script>
    <script src="../../mock/mock1.js" charset="utf-8"></script>
    <script src="../../mock/mock.js" charset="utf-8"></script>
    <!-- 假数据结束 -->

    <script src="../../js/user/ad-management.js" charset="utf-8"></script>
    <script type="text/javascript" id="id">
        < form class = "layui-form"
        action = "" >
            <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 管理员姓名 < /label> <
        div class = "layui-input-block" >
            <
            input type = "text"
        name = "username"
        id = "username"
        required lay - verify = "required"
        placeholder = "请输入管理员姓名"
        autocomplete = "off"
        class = "layui-input" >
            <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 管理员级别 < /label> <
        div class = "layui-input-block" >
            <
            select name = "jiebie"
        id = "jibie"
        lay - verify = "required" >
            <
            option value = "" > 请选择管理员级别 < /option> <
        option value = "0" > 区级管理员 < /option> <
        option value = "1" > 镇级管理员 < /option> <
        option value = "2" > 村级管理员 < /option> < /
        select > <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 所属级别 < /label> <
        div class = "layui-input-block" >
            <
            select name = "suoshu"
        id = "suoshu"
        lay - verify = "required" >
            <
            option value = "" > 请选择领导所属区和镇 < /option> <
        option value = "0" > 惠济区 < /option> < /
        select > <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 管理员账号 < /label> <
        div class = "layui-input-block" >
            <
            input type = "text"
        name = "account"
        id = "account"
        required lay - verify = "required"
        placeholder = "请输入管理员账号"
        autocomplete = "off"
        class = "layui-input" >
            <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 管理员密码 < /label> <
        div class = "layui-input-inline" >
            <
            input type = "password"
        name = "password1"
        id = "password1"
        required lay - verify = "required"
        placeholder = "请输入密码"
        autocomplete = "off"
        class = "layui-input" >
            <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            label class = "layui-form-label" > 确认密码 < /label> <
        div class = "layui-input-inline" >
            <
            input type = "password"
        name = "password2"
        id = "password2"
        required lay - verify = "required"
        placeholder = "请输入密码"
        autocomplete = "off"
        class = "layui-input" >
            <
            /div> < /
        div > <
            div class = "layui-form-item" >
            <
            div class = "layui-input-block" >
            <
            button class = "layui-btn"
        lay - submit lay - filter = "formDemo" > 立即提交 < /button> <
        button type = "reset"
        class = "layui-btn layui-btn-primary" > 重置 < /button> < /
        div > <
            /div> < /
        form >
    </script>

</body>

</html>